<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>:visited</title>
<style type="text/css">@import url(../README.css);</style>
<script>
window.UUQUERY_ENABLE_VISITED = 1;
</script>
<script type="text/javascript" src="../uuQuery.js"></script>
<script type="text/javascript" src="iterator.js"></script>
</head>
<body>
<div>
<p>:visited</p>
 <ul>
  <li><a href="http://www.google.com/">google.com</a></li>
  <li><a href="http://www.google.co.jp/">google.co.jp</a></li>
  <li><a href="http://maps.google.co.jp/">google maps(jp)</a></li>
  <li><a href="http://d.hatena.ne.jp/uupaa/">latest log(jp)</a></li>
 </ul>
</div>
<p>window.UUQUERY_ENABLE_VISITED = 1 が定義されている場合に、訪問済みのリンクは背景が青くなります。</p>
<p>ブラウザの履歴をクリアすると再テストが可能になります。</p>
<script>
window.onload = function() {
  uuQuery(":visited").forEach(function(v) {
   v.style.backgroundColor = "#00c";
  });
}
</script>
<pre class="eg">
&lt;script&gt;<b>
window.UUQUERY_ENABLE_VISITED = 1;</b>
&lt;/script&gt;
&lt;script type="text/javascript" src="../uuQuery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="iterator.js"&gt;&lt;/script&gt;

  &lt;div&gt;
   &lt;ul&gt;
    &lt;li&gt;&lt;a href="http://www.google.com/"&gt;google.com&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.google.co.jp/"&gt;google.co.jp&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://maps.google.co.jp/"&gt;google maps(jp)&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://d.hatena.ne.jp/uupaa/"&gt;latest log(jp)&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;

  uuQuery(":visited").forEach(function(v) {
   v.style.backgroundColor = "#00c";
  });
</pre>
</body>
</html>
